$(function(){
	//默认加载时首页按钮样式改变
	changeCss($("#home"));
	
	
	 //控制按钮点击页面跳转事件
	 //点击首页
	$("#home").click(function(){
		changeCss($(this));
		
		$(".content iframe").attr({
			"src":"html/首页/home.html",
		});
		
		//改变内容区的页面
		$(".car_menu iframe").attr({
			"src":"menu/main_list.html",
		})
	});
	
	
	//点击停车场管理
	$("#car_contr").click(function(){
		changeCss($(this));
		
		$(".content iframe").attr({
			"src":"html/停车场管理/parking_lot.html",
		});
		
		//改变内容区的页面
		$(".car_menu iframe").attr({
			"src":"menu/car_control.html",
		})
		
	});
	
	
	//点击数据统计
	$("#data_count").click(function(){
		changeCss($(this));
		
		$(".content iframe").attr({
			"src":"html/停车记录/car_record.html",
		});
		$(".car_menu iframe").attr({
			"src":"menu/data_count.html",
		})
	});
	
	
	//点击系统管理
	$("#sys_contr").click(function(){
		changeCss($(this));
		
		$(".content iframe").attr({
			"src":"html/首页/home.html",
			// "name":"test"
		});
		$(".car_menu iframe").attr({
			"src":"menu/sys_control.html",
		})
	});
 });



//点击样式改变
//参数是当前jq选择的节点
function changeCss(obj){
	//把rgb对象改为十六进制颜色值
	var color =  rgb2hex(obj.css("background-color"));
	
	if(color !== "#bcbcbc"){
		
		obj.css("background-color","#bcbcbc");
	}else{
		//先全部设置为灰色
		$("div.mode").css("background-color","#bcbcbc");
		//再把当前元素设置为蓝色
		obj.css("background-color","#0099FF");
	}
}



//rgb对象改为十六进制颜色值
function rgb2hex(rgb) {
	rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
	function hex(x) {
	return ("0" + parseInt(x).toString(16)).slice(-2);
	}
	return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}


